<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>


        // 两种简写
        //    形参只有一个的时候    省略小括号
        //    代码块只有一句的时候   省略大括号和return



        // function fn() {
        //     console.log(11);
        // }


        // 具名函数不能改成箭头函数
        // fn() => {
        //     console.log(11);
        // }


        // 只有匿名函数可以改写箭头函数


        // const fn = function (a, b) {
        //     console.log(a + b);
        // }

        const fn = (a, b) => {
            console.log(a + b);
        }


        // 当形参只有一个的时候，可以省略小括号
        const ff = a => {
            console.log(a);
        }

        ff(4)


        // const add = (a , b) => {
        //     return a + b
        // }

        // 当函数只有一句代码的时候，可以省略大括号，且必须省略return
        const add = (a, b) => a + b;

        console.log(add(3, 4));


        // const rand = (min, max) => parseInt(Math.random() * (max - min) + min);


        // const rand = (min, max) => {
        //     return parseInt(Math.random() * (max - min) + min)
        // };


        // console.log(rand(0, 100));




        // const get = (ele) => {
        //     return document.querySelector(ele);
        // }

        const get = ele => document.querySelector(ele);



        const f = (...arr) => {
            // 箭头函数中取消了arguments
            // console.log(arguments);
            console.log(arr);


            // 伪数组转真数组可以使用展开运算符
        }

        f(1, 2, 3, 4, 5);

    </script>

</body>

</html>